<template name="ver">
    <h2>Ver conductores</h2>
    <div id="borrar" title="Desea borrar este conductor?" style="display: none">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span><strong>Atenci&oacuten!</strong><br/>Al borrar un conductor todos los viajes relacionados a este desaparecer&aacute;n. Desea continuar?</p>
    </div>
    {{pagination}}
    <br/>
    <table style="width: 90%">
        <tr>
            <th>Nombre</th>
            <th>Apellido</th>
			<th>Dni</th>
			<th>Direccion</th>
			<th>Telefono</th>
            <th>Acciones</th>
        </tr>
        <template name="conductor">
        <tr>
            <td>{{nombre}}</td>
            <td>{{apellido}}</td>
			<td>{{dni}}</td>
			<td>{{direccion}}</td>
			<td>{{telefono}}</td>
            <td>
                <div class="editar" idElemento="{{idconductor}}">Editar</div>
                <div class="borrar" idElemento="{{idconductor}}">Borrar</div>
            </td>
        </tr>
        </template>
        <template name="sin_resultados">
        <tr>
            <td colspan="6">No hay resultados para mostrar</td>
        </tr>
        </template>
    </table>
    <script type="text/javascript">
        $(function(){
            $('.editar').button( { icons: {primary: "ui-icon-note"} } ).bind('click', function() { editar($(this).attr('idElemento')); } );
            $('.borrar').button( { icons: {primary: "ui-icon-circle-close"} } ).bind('click', function() { borrar($(this).attr('idElemento')); } );
        });

        function editar(id)
        {
            document.location.href = '{{edit_action}}'+id;
        }

        function borrar(id)
        {
            $("#borrar").dialog({
                resizable: false,
                height:240,
                modal: true,
                buttons:
                {
                    "Borrar": function() {
                        $( this ).dialog( "close" );
                        document.location.href = '{{delete_action}}'+id;
                    },
                    "Cancelar": function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
        }

    </script>
</template>